

;(function($){

    // var commonUrl = "http://192.168.3.2/Gitee/PHP/music/";
    var commonUrl = "http://192.168.2.116/t-gitee/music/";

    function Http(url, data, fun){
        $.ajax({
            type:'POST',
            url: commonUrl + url,
            data: data,
            contentType: "application/json; charset=utf-8",
            success: function(res){
                fun(res);
            }
        })
    }

    var audio = $("#audio");

    function play(hashs){
        var data = {"hashs": hashs};
        var url = 'index.php?c=play';

        Http(url, data, function(res){
            if(res.success){
                audio.attr("src", res.data.url);

                // $("#audio").attr("autoplay", "autoplay");  // 自动播放
                // $("#audio").onended = function() {
                //     alert("音频播放完成");
                // };
            }
        })
    }

    var myAudio = document.getElementById('audio');

    $("#play").on('click', function(){
        myAudio.play(); // 开始播放音频
    })

    $("#pause").on('click', function(){
        myAudio.pause();  // 暂停当前播放的音频。
        // myAudio.load();  // 重新加载音频元素。
    })

    // fastSeek()	在音频播放器中指定播放时间。

    var container = $("#container");
    
    // 拿到列表数据   渲染数据
    function render(page, fun){
        var size = 15;
        var data = {index: page || 1, size: size};
        var url = "index.php?c=Pagelist&a=music";

        Http(url, data, function(res){
            if(res.success){
                var ul = $("<ul>");
                $.each(res.data, function(i, val){
                    var li = $("<li>").attr({
                        "data-hashs": val.hashs,
                        "data-id": val.id,
                        "class": "list-group-item"
                    }).html(val.title).on("click", function(){
                        $("#container li").removeClass("on");
                        $(this).addClass("on");

                        play($(this).attr("data-hashs"));

                        $("#musicName").html($(this).html());
                    })

                    ul.append(li);
                })

                if(res.data.length >= size ){
                    // setTimeout(function(){
                    //     render(++page);
                    // }, 60000)
                }

                container.append(ul);

                if( fun ) fun();

            }
        });
    }

    // 瀑布流列表
    var current_page = 1;

    render(current_page, function(){
        $("#container li").eq(0).trigger();
    });

    $("#moreList").on('click', function(){
        ++current_page;
        render(current_page);
    })

    var list = $(".music-list");
    list.css("max-height", window.innerHeight - 61 + "px" );

    $("#listShow").on('click', function(){
        // console.log(list.css("display"));

        var display = list.css("display") == "none" ? "block": "none";
        list.css("display", display);
    })

})(Tangth)






